<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/swiper.min.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/mobile.css" />
  <title>关于我们</title>
</head>
<body>
  <div class="header">
    <div class="zcontainerain h_wraps">
      <h1>
        <a href="index.html">
          <img src="./img/logo.png" alt="">
        </a>
      </h1>
      <ul>
        <li class="navclose">
          <img src="./img/claseclass.png" alt="">
        </li>
        <li>
          <a href="index.html">
            首页
          </a>
        </li>
        <li class="on">
          <a href="javascript:void(0)">
            关于我们
            <span class="iconfont icon-xiajiantou"></span>
          </a>
          <div class="submenu">
            <div class="s_item">
              <a class="active" href="about.html">企业文化</a>
              <a  href="#story">品牌故事</a>
              <a href="#events">大事件</a>
            </div>
          </div>
        </li>
        <li class="on">
          <a href="javascript:void(0)">
            课程介绍
            <span class="iconfont icon-xiajiantou"></span>
          </a>
          <div class="submenu">
            <div class="s_item">
              <a class="active" href="technology.html">体验营</a>
              <a href="technology_trainingcamp.html">修炼营</a>
              <a href="technology_practicecamp.html">践行营</a>
              <a href="technology_business.html">文化即业务</a>
              <a href="technology_onlineclass.html">线上课程</a>
              <a href="technology_study.html">企业游学</a>
            </div>
          </div>
        </li>
        <li>
          <a href="javascript:void(0)">
            新闻动态
            <span class="iconfont icon-xiajiantou"></span>
          </a>
          <div class="submenu">
            <div class="s_item">
              <a class="active" href="news_tai.html">太文院新闻</a>
              <a href="news_wonderful_course.html">课程精彩回顾</a>
            </div>
          </div>
        </li>
        <li>
          <a href="javascript:void(0)">
            报名入口
            <span class="iconfont icon-xiajiantou"></span>
          </a>
          <div class="submenu">
            <div class="s_item">
              <a class="active" href="sign_technology.html">方太文化体验营</a>
              <a href="sign_practicecamp.html">方太文化践行营</a>
              <a href="sign_onlineclass.html">线上学习平台</a>
              <a href="sign_study.html">企业游学</a>
              <a href="sign_contact_us.html">联系我们</a>
            </div>
          </div>
        </li>
        <li>
          <a href="javascript:void(0)">
            泰文院同修
            <span class="iconfont icon-xiajiantou"></span>
          </a>
          <div class="submenu">
            <div class="s_item">
              <a class="active" href="fellow_practitiones.html">同修风采</a>
              <a href="fellow_rests.html">太文院同修</a>
            </div>
          </div>
        </li>
      </ul>

      <div class="input_wrapper">
        <input class="text" placeholder="请输入关键词" type="text">
        <button>
          <span class="iconfont icon-sousuo"></span>
        </button>
      </div>
      <div class="search">
        <img src="./img/search.png" alt="">
      </div>
      <div class="menu">
        <img src="./img/menu.png" alt="">
      </div>
    </div>
  </div>
  <div class="resbonseHeight"></div>
  <div class="inbanner">
    <div class="bg_color"></div>
    <div class="bg_img"
      style="background-image: url(http://p.cdn-static.cn/61962_16486236978832.png?imageView2/2/w/2000/q/75);"></div>
  </div>
  <div id="cuture" class="goboxs"></div>
  <div class="about_title">
    <img src="./img/titlesing.svg" alt="">
    <div>
      <h2>企业文化</h2>
      <div class="des">CORPORATE CULTURE</div>
    </div>
    <img src="./img/titlesing.svg" alt="">
  </div>
  <div class="culture zcontainerain">
    <ul>
      <li>
        <div class="licontent">
          <div class="imgrow">
            <div class="imgs">
              <img class="img0" src="./img/culture01.png" alt="">
              <img class="img1" src="./img/culture02.png" alt="">
            </div>
          </div>
          <h3>目标</h3>
          <p>十年助力十万企业家成为伟大企业</p>
        </div>
      </li>
      <li>
        <div class="licontent">
          <div class="imgrow">
            <div class="imgs">
              <img class="img0" src="./img/culture03.png" alt="">
              <img class="img1" src="./img/culture04.png" alt="">
            </div>
          </div>
          <h3>使命</h3>
          <p>传播中华企业文化，成就万千伟大企业</p>
        </div>
      </li>
      <li>
        <div class="licontent">
          <div class="imgrow">
            <div class="imgs">
              <img class="img0" src="./img/culture05.png" alt="">
              <img class="img1" src="./img/culture06.png" alt="">
            </div>
          </div>
          <h3>愿景</h3>
          <p>成为企业文化传播之典范组织</p>
        </div>
      </li>
      <li>
        <div class="licontent">
          <div class="imgrow">
            <div class="imgs">
              <img class="img0" src="./img/culture10.png" alt="">
              <img class="img1" src="./img/culture13.png" alt="">
            </div>
          </div>
          <h3>价值观</h3>
          <p>仁智勇</p>
        </div>
      </li>
    </ul>
  </div>
  <div id="story" class="goboxs"></div>
  <div class="story">
    <div class="bg_img" style="background-image: url(http://p.cdn-static.cn/61962_16486211629992.jpg?imageView2/2/w/2000/q/75);"></div>
    <div class="bg_color"></div>
    <div class="content zcontainerain">
      <div class="imgs wow fadeInLeft">
        <img src="http://p.cdn-static.cn/61962_164853993750630.jpg?imageView2/2/w/878/q/75" alt="">
      </div>
      <div class="infos">
        <h3>品牌故事</h3>
        <div class="english">BRAND STORY</div>
        <p>方太文化研究院依托于方太集团独特的企业文化和管理实践，内承“为了亿万家庭的幸福”的企业使命和“成为一家伟大的企业”的愿景，本着：“打造高端品牌，创扬方太文化”的方太人“初心”，分享方太践行十余年所形成“中学明道、西学优术、中西合璧、以道御术”的方太文化体系，为广大企业家、企业管理者走进方太亲身感受方太用中华优秀文化管理现代企业的成果提供平台，增强国人文化自信，助力企业提质升级，促进中华文化伟大复兴。</p>
      </div>
    </div>
  </div>
  <div id="events" class="goboxs"></div>
  <div class="about_title">
    <img src="./img/titlesing.svg" alt="">
    <div>
      <h2>大事件</h2>
      <div class="des">MAJOR EVENTS</div>
    </div>
    <img src="./img/titlesing.svg" alt="">
  </div>
  <div class="aboutevent">
    <div class="bg_color"></div>
    <div class="bg_img" style="background-image: url(http://p.cdn-static.cn/61962_16486216428105.jpg?imageView2/2/w/2000/q/75);"></div>
    <div class="timeaxis zcontainerain">
      <ul>
        <!-- <li class="on">
          <div class="circular"></div>
          <div class="time">2018年2月</div>
        </li>
        <li>
          <div class="circular"></div>
          <div class="time">2018年2月</div>
        </li>
        <li>
          <div class="circular"></div>
          <div class="time">2018年2月</div>
        </li>
        <li>
          <div class="circular"></div>
          <div class="time">2018年2月</div>
        </li>
        <li>
          <div class="circular"></div>
          <div class="time">2018年2月</div>
        </li> -->
        <!-- <div class="enswiperpages swiper-pagination"></div> -->
        <!-- 移动端上面用 -->
        <div class="enswiper swiper">
          <div class="swiper-wrapper">
            <li class="swiper-slide">
              <div class="circular"></div>
              <div class="time">2018年2月</div>
            </li>
            <li class="swiper-slide">
              <div class="circular"></div>
              <div class="time">2019年5月</div>
            </li>
            <li class="swiper-slide">
              <div class="circular"></div>
              <div class="time">2020年7月</div>
            </li>
            <li class="swiper-slide">
              <div class="circular"></div>
              <div class="time">2020年9月</div>
            </li>
            <li class="swiper-slide">
              <div class="circular"></div>
              <div class="time">2021年7月</div>
            </li>
          </div>
          <div class="swiper-button-next iconimg">
            <span class="iconfont icon-youjiantou"></span>
          </div>
          <div class="swiper-button-prev iconimg">
            <span class="iconfont icon-zuojiantou"></span>
          </div>
        </div>
      </ul>
    </div>
    <div class="enentbanner zcontainerain">
      <div class="swiper eSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立001</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-button-next iconimg">
        <span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev iconimg">
        <span class="iconfont icon-zuojiantou"></span>
      </div>
    </div>
    <div class="enentbanner zcontainerain">
      <div class="swiper eSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立002</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-button-next iconimg">
        <span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev iconimg">
        <span class="iconfont icon-zuojiantou"></span>
      </div>
    </div>
    <div class="enentbanner zcontainerain">
      <div class="swiper eSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立003</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-button-next iconimg">
        <span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev iconimg">
        <span class="iconfont icon-zuojiantou"></span>
      </div>
    </div>
    <div class="enentbanner zcontainerain">
      <div class="swiper eSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立004</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-button-next iconimg">
        <span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev iconimg">
        <span class="iconfont icon-zuojiantou"></span>
      </div>
    </div>
    <div class="enentbanner zcontainerain">
      <div class="swiper eSwiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立005</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="lidercontent">
              <img src="http://p.cdn-static.cn/61962_164853743924818.png?imageView2/2/w/601/q/75" alt="">
              <div class="infos">
                <h3>方太文化研究院成立</h3>
                <p>方太文化研究院成立方太文化研究院成立方太文化研究院成立</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="swiper-button-next iconimg">
        <span class="iconfont icon-youjiantou"></span>
      </div>
      <div class="swiper-button-prev iconimg">
        <span class="iconfont icon-zuojiantou"></span>
      </div>
    </div>
  </div>
  <div class="footer">
    <div class="iresponswrap">
      <div class="footer_t">
        <div class="footer_logo">
          <img src="./img/footer_logo.png" alt="">
        </div>
        <ul>
          <li>
            <h4>关于文太院</h4>
            <div class="line"></div>
            <a href="">企业文化</a>
            <a href="">品牌故事</a>
            <a href="">大事件</a>
          </li>
          <li>
            <h4>课程介绍</h4>
            <div class="line"></div>
            <a href="">体验营</a>
            <a href="">修炼营</a>
            <a href="">践行营</a>
            <a href="">文化即业务</a>
            <a href="">线上课程</a>
            <a href="">企业游学</a>
          </li>
          <li>
            <h4>课程介绍</h4>
            <div class="line"></div>
            <a href="">体验营</a>
            <a href="">修炼营</a>
            <a href="">践行营</a>
            <a href="">文化即业务</a>
            <a href="">线上课程</a>
            <a href="">企业游学</a>
          </li>
          <li>
            <h4>新闻动态</h4>
            <div class="line"></div>
            <a href="">太文院新闻</a>
            <a href="">课程精彩回顾</a>
          </li>
          <li>
            <h4>报名入口</h4>
            <div class="line"></div>
            <a href="">方太文化体验营</a>
            <a href="">方太文化践行营</a>
            <a href="">线上学习平台</a>
            <a href="">文化即业务</a>
            <a href="">企业游学</a>
            <a href="">联系我们</a>
          </li>
          <li>
            <h4>太文院同修</h4>
            <div class="line"></div>
            <a href="">同修分享</a>
            <a href="">同修风采</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="remarks">
      Copyright © 2022方太文化研究院 版权所有
      <a href="https://beian.miit.gov.cn/#/Integrated/index">浙ICP备2022008370号-1</a>
    </div>
    <div class="copyright">
      版权所有 © 方太文化研究院官网 技术支持：仙人球建站
    </div>
    <div class="bg_img"></div>
  </div>
  <div class="toTop">
    <span class="iconfont icon-triangle-up"></span>
  </div>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/wow.min.js"></script>
  <script>
    $('.culture ul li').eq(0).addClass('on')
    $('.culture ul li').mouseover(function () {
      var index = $('.culture ul li').index($(this))
      $(this).addClass('on').siblings('li').removeClass('on')
    })
    $('.aboutevent .timeaxis ul li').eq(0).addClass('on')
    $('.enentbanner').eq(0).show().siblings('.enentbanner').hide()
    eswiper()
    $('.aboutevent .timeaxis ul li').on('click', function () {
      var index = $('.aboutevent .timeaxis ul li').index($(this))
      $(this).addClass('on').siblings('li').removeClass('on')
      $('.enentbanner').eq(index).show().siblings('.enentbanner').hide()
    })
    function eswiper () {
      new Swiper(".eSwiper", {
        slidesPerView: '1',
        observer: true,
        observeParents: true,
        spaceBetween: 0,
        navigation: {
          nextEl: ".enentbanner .swiper-button-next",
          prevEl: ".enentbanner .swiper-button-prev",
        },
      })
    }
    function enswiper () {
      new Swiper(".enswiper", {
        spaceBetween: 0,
        slidesPerView: slidesPerView,
        freeMode: true,
        watchSlidesProgress: true,
        navigation: {
          nextEl: ".enswiper .swiper-button-next",
          prevEl: ".enswiper .swiper-button-prev",
        },
      });
    }
    var slidesPerView = 5
    enswiper()
    if ($(window).width() <= 768) {
      var slidesPerView = 2
      enswiper()
    }
    /* var arr = ['2018年3月', '2019年5月', '2020年7月', '2020年9月', '2021年7月']
    new Swiper(".eSwiper", {
      pagination: {
        el: ".enswiperpages.swiper-pagination",
        clickable: true,
        renderBullet: function (index, className) {
          return '<li class="' + className + '"><div class="circular"></div><div class="time">'+ arr[index] +'</div></li>';
        },
      },
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    }); */
    /* var slidesPerView = 5
    var enswiper
    function s() { 
      enswiper = new Swiper(".enswiper", {
        spaceBetween: 0,
        slidesPerView: slidesPerView,
        freeMode: true,
        watchSlidesProgress: true,
        navigation: {
          nextEl: ".enswiper .swiper-button-next",
          prevEl: ".enswiper .swiper-button-prev",
        },
      });
    }
    s()
    if ($(window).width() <= 768) {      slidesPerView = 2
      s()
    }
    new Swiper(".eSwiper", {
      navigation: {
        nextEl: ".enentbanner .swiper-button-next",
        prevEl: ".enentbanner .swiper-button-prev",
      },
      thumbs: {
        swiper: enswiper,
      },
    }); */
    new WOW().init();

  </script>
</body>
</html>